<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接</title>
</head>
<body>
<a href="p2.html">链接到第二个页面</a>
<a href="p4.html">链接到第四个页面</a>
<hr>
<a href="https://www.baidu.com" target="_self">百度</a>
<a href="https://www.tmooc.cn/" target="_blank">达内慕课网</a>
<hr>

<a href="https://www.tmooc.cn/">
    <img src="1.jpg" alt="" title="达内慕课链接">
</a>
<h1>西游记</h1>
<a href="#c1">第一章</a>
<a href="#c2">第二章</a>
<a href="#c3">第三章</a>
<hr>
<h3 id = "c1">第一章 石猴出世</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque consectetur consequuntur, distinctio doloremque illum
    laudantium minus nihil odio, repellendus sunt temporibus veniam voluptatibus! Dolorem explicabo facilis incidunt
    iste reprehenderit ut.</p>
<p>Commodi, consequuntur delectus deserunt earum et fugit, iusto maiores necessitatibus officiis quisquam saepe tenetur
    velit. Cupiditate eaque earum, iste pariatur quasi rem voluptates. Animi consequatur deserunt dolores eius eos
    iste!</p>
<p>Ab deserunt earum eveniet harum non obcaecati quaerat quas soluta! Aliquam amet assumenda cum dolores ducimus
    exercitationem ipsum, laboriosam minus mollitia quis repellat repellendus rerum, sunt! Animi fuga saepe ullam.</p>
<p>A architecto, deserunt eaque facilis laboriosam minima provident repellat tempora totam veritatis! Amet aut, beatae
    commodi doloribus fuga ipsum laborum laudantium minima natus optio sunt tempora tenetur voluptatum! Natus, quae!</p>
<p>Adipisci commodi, cupiditate distinctio dolor enim, inventore ipsum magnam maxime minus molestiae natus nisi nulla
    quia, quos repellat saepe veniam! A accusantium architecto dolore eaque, excepturi necessitatibus obcaecati sequi
    vitae.</p>
<p>Dolore eveniet necessitatibus quasi temporibus vero! Aut eum excepturi facere fugit harum, laboriosam magnam maxime
    natus, neque nisi nostrum nulla officiis, unde? Excepturi facilis quibusdam repudiandae rerum saepe sit, ut.</p>
<p>Aliquid aspernatur cumque ducimus nemo nulla! A, accusamus architecto cumque, dolore doloribus dolorum ipsa ipsum
    pariatur porro reprehenderit repudiandae similique vel voluptatum. Architecto cupiditate, nihil optio porro saepe
    sequi suscipit!</p>
<p>A ab accusantium aliquam architecto aspernatur atque corporis cum expedita, fugiat fugit harum incidunt itaque, iusto
    laboriosam minima nostrum omnis rerum soluta tenetur totam unde ut velit vitae, voluptates voluptatum.</p>
<p>Animi eligendi eveniet expedita illum in ipsa iure libero natus, nemo nesciunt nisi, obcaecati, provident velit
    veritatis voluptas! Ducimus error inventore laboriosam minus modi nihil pariatur perferendis porro quasi sit?</p>
<p>Aliquid aut consequatur culpa delectus deserunt eveniet excepturi hic magnam minus natus nemo, nihil officia omnis
    optio, pariatur placeat, porro quasi rem repellendus reprehenderit sapiente sunt tenetur velit vitae voluptates.</p>
<p>Cum cupiditate, dolorum hic itaque iure maxime molestias nobis quam recusandae reprehenderit? A dolor dolores ducimus
    fugit quidem quos, repellendus repudiandae ut. Assumenda est et explicabo ipsa itaque quasi repudiandae?</p>
<p>Aliquid animi aspernatur blanditiis deserunt, iste, nemo nesciunt quaerat reiciendis repellendus reprehenderit sint
    sit. Animi impedit maxime perferendis quibusdam quos. Assumenda itaque nemo nesciunt quas. Enim ex illo obcaecati
    recusandae?</p>
<p>Delectus, quae veniam. A ab adipisci asperiores autem consequuntur deserunt ducimus, excepturi incidunt inventore
    ipsum laborum laudantium minus molestiae nobis odio optio quisquam ratione reprehenderit sint suscipit tenetur unde
    voluptatem!</p>
<p>Assumenda consequatur cupiditate deserunt distinctio dolore doloribus eligendi exercitationem facilis illum impedit,
    iste iusto labore molestiae praesentium quod recusandae reiciendis repellendus sapiente similique suscipit tempora
    temporibus vel veniam vero vitae.</p>
<p>Ad dignissimos ducimus, eius explicabo fugit laudantium magnam modi nemo nobis provident sint soluta sunt voluptatum?
    Cumque eaque est excepturi, exercitationem fuga fugiat, itaque magnam provident quis, tempora veniam voluptatum.</p>
<p>Architecto asperiores doloribus, ex fugiat fugit illo ipsa iusto modi repudiandae soluta. Ab beatae eum eveniet, ex
    excepturi fuga magnam maiores minima, modi officiis optio rerum sed sequi, temporibus unde.</p>
<p>Blanditiis delectus eius error ipsam molestias nisi quae, quo rerum sit ullam? Aliquam aperiam consequuntur culpa ea
    eos facilis fugit maxime mollitia nam omnis porro, quos repudiandae sapiente sint unde?</p>
<p>Ab aliquam asperiores aspernatur corporis dignissimos dolorem eligendi enim excepturi fuga fugit hic, id illum
    impedit ipsam minima nemo nihil officia porro possimus quae quam quod unde vero voluptas voluptatibus?</p>
<p>Autem blanditiis delectus dolore est ex maiores molestias, veniam? Aliquid asperiores atque doloremque ducimus esse,
    magni maxime, minus nobis, provident quaerat sequi similique soluta temporibus tenetur voluptatibus. Ipsum,
    nesciunt, officia!</p>
<p>Ab aspernatur assumenda dignissimos doloremque dolores doloribus eum facere hic labore laborum, maiores natus nemo
    nisi, quam quibusdam, rem sequi totam ullam velit voluptatum? Aliquid dolorum omnis quasi ratione tempora.</p>
<h3 id = "c2">第二章 蓬莱学艺</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto commodi dicta dignissimos, dolores esse est id
    ipsa labore odit officia perspiciatis, quidem saepe sed sequi tenetur velit voluptas? Earum, necessitatibus!</p>
<p>Culpa cupiditate debitis dicta explicabo officiis optio quia quo totam! Accusamus aliquid commodi cumque earum error
    et harum maxime nihil nostrum officia, quos ratione, sed voluptates. Accusantium corporis est provident!</p>
<p>Ad amet architecto at, aut autem beatae doloribus expedita explicabo illum iste iusto maiores modi pariatur
    praesentium quae quos ratione recusandae repudiandae sed sunt veniam vitae voluptates? Assumenda, fuga vitae.</p>
<p>Accusantium aliquid aspernatur blanditiis consequatur corporis dolore doloremque eaque enim eum illo laborum, magni
    natus numquam quae, quaerat quasi quia rem soluta, ullam voluptas. Aut cumque ipsa laboriosam maxime pariatur.</p>
<p>Odit praesentium, ratione! Culpa cupiditate ea ipsum, nam nisi quae soluta temporibus velit! Eius facilis labore sed!
    Ab atque consequuntur corporis, dignissimos, dolor doloribus eaque earum nostrum pariatur suscipit unde!</p>
<p>Amet consequuntur eaque eligendi esse, explicabo, iusto minus molestiae molestias obcaecati odio officia placeat
    praesentium quae quam quis repellendus voluptas voluptate. Adipisci cupiditate porro quaerat quas saepe sapiente
    voluptatum! Cupiditate?</p>
<p>Consectetur harum officiis quam totam velit? Aliquam aspernatur at delectus dolor doloremque eaque eius, error
    explicabo illum ipsum labore, natus, numquam porro provident quaerat quam quas quia repellat suscipit ut!</p>
<p>Atque blanditiis eius enim est fugiat hic in iure libero magni maxime natus nesciunt omnis pariatur qui quisquam,
    quod, quos ratione rem sapiente sunt suscipit temporibus velit voluptates voluptatibus, voluptatum!</p>
<p>Accusamus enim explicabo fugit, impedit labore numquam odit quisquam repellendus soluta? Adipisci aperiam delectus
    dicta eaque eos expedita illum laboriosam magnam natus, neque nostrum placeat quos, rem sit ut veniam.</p>
<p>Accusantium alias corporis, cumque cupiditate dolorem dolorum eos, error esse et fugiat fugit in ipsum labore,
    laudantium natus perspiciatis porro quas quasi quidem quisquam rem soluta temporibus unde veritatis voluptate.</p>
<p>Blanditiis dolorum eaque eligendi eveniet explicabo incidunt ipsam, iste laboriosam non quasi tempora ut voluptatem.
    Dignissimos dolorum, magni neque nobis nostrum nulla odit officia reprehenderit totam. Cumque dolor doloremque
    ipsam!</p>
<p>A assumenda aut doloribus exercitationem, iure maiores, numquam pariatur qui quos repellendus saepe, ullam
    voluptatum! At facere illum impedit tempora tenetur? Accusantium commodi labore mollitia nobis? Beatae commodi sint
    vel.</p>
<p>Accusamus animi consectetur deleniti ex fuga, fugit hic, iure laborum laudantium molestiae mollitia natus neque non
    nostrum quaerat quidem sed veniam? Dignissimos minima nobis quisquam. Atque ducimus placeat unde. Ipsam!</p>
<p>Adipisci, commodi debitis deserunt ducimus enim excepturi fugit harum hic illo inventore labore laboriosam, nam
    provident quia saepe tempora, temporibus! Aperiam corporis dolore quaerat quia suscipit tenetur vel veniam
    voluptates!</p>
<p>A, consequuntur eius esse est fugit harum molestiae nisi quaerat reiciendis repellat tenetur velit vitae voluptatum.
    Deleniti doloribus ea eum illum incidunt iste necessitatibus nulla possimus praesentium rerum, tenetur
    voluptatibus?</p>
<p>Accusantium architecto aspernatur aut consequuntur cum, cumque cupiditate dolor dolorem ducimus ex expedita explicabo
    facere illo itaque libero magnam mollitia quis quos ratione repellendus similique, sint tempore totam unde
    velit?</p>
<p>Aliquid dolor libero non pariatur qui quod ratione reiciendis voluptates. Accusantium aspernatur consequatur
    consequuntur doloremque dolores fuga inventore minus natus nihil, odio officiis quas qui quo reiciendis tenetur ut
    veritatis.</p>
<p>A ab architecto delectus dicta, doloremque dolorum et, excepturi omnis pariatur quaerat, ratione ullam vero
    voluptates! Aperiam beatae consectetur, dolorem earum enim fuga iste nostrum quae quaerat quos reiciendis
    temporibus!</p>
<p>A aliquid at aut dignissimos libero odio perferendis quia sed unde voluptas. Consequatur excepturi impedit nisi
    praesentium, provident quasi sit! Consequatur dolorem ducimus ea eum iste, laudantium nobis nostrum provident.</p>
<p>Consequuntur id repellendus ullam. Aliquam architecto dolore dolorem dolorum eius fuga fugiat fugit iusto laboriosam
    necessitatibus neque nulla ratione suscipit, tenetur ullam voluptates voluptatibus. Distinctio doloremque fugit
    tempora temporibus vitae.</p>
<h3 id="c3">第三章 蓬莱游记</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores facilis hic maxime neque possimus quam, qui? Ad
    asperiores ex labore libero maxime necessitatibus neque nesciunt officia officiis optio quidem, soluta.</p>
<p>A alias aliquid aspernatur aut commodi cumque cupiditate, dignissimos excepturi fugiat nam odio quae quasi sapiente
    sunt tempore ullam veritatis vitae, voluptatem! Accusantium cum cumque id magni officia sequi temporibus!</p>
<p>Autem dolorem doloribus esse expedita id maiores, necessitatibus, nisi non optio pariatur perspiciatis reiciendis rem
    repellat soluta voluptatem? Accusantium beatae est laboriosam nobis possimus reiciendis sit vel voluptatem. Quis,
    sint.</p>
<p>Commodi culpa cupiditate doloribus modi odio praesentium quis vitae. Accusantium animi distinctio eum ex in iure,
    modi molestiae nihil rem sit sunt ullam veniam vero. Enim non quis tenetur velit!</p>
<p>A ad amet animi eaque ex obcaecati tempora, vel vero. Dicta doloribus incidunt necessitatibus odio officia suscipit.
    Alias, debitis dignissimos dolore, eaque enim illum laborum minima numquam, ut voluptatem voluptates.</p>
<p>Animi architecto dignissimos eius eum iure quidem sed, soluta! Asperiores dolorem doloribus quod repellat sed. Ab et,
    excepturi explicabo nam numquam quidem quo rem repudiandae. Consequuntur cupiditate harum numquam voluptatem.</p>
<p>Aperiam aut commodi excepturi explicabo laborum magni nulla omnis perspiciatis quisquam reiciendis? Accusamus aperiam
    dignissimos dolorem, eligendi id in laboriosam magnam maiores minus nam sit tempora temporibus ullam voluptas
    voluptate!</p>
<p>Animi consequatur cum esse ex laudantium. Aspernatur earum fugit nihil nostrum quo! Consequatur culpa dignissimos
    impedit inventore itaque maiores minima natus omnis, quas vitae? Aliquam fuga libero odio provident sunt.</p>
<p>Assumenda, consequatur debitis dicta, earum eius error fugiat minima nihil nulla porro repellat ut veniam vitae!
    Commodi distinctio facilis, hic iusto laboriosam maxime, necessitatibus obcaecati odio optio pariatur tenetur
    veniam?</p>
<p>Aut doloremque ea, eius enim et iure iusto nobis omnis placeat soluta vel vitae voluptas? Distinctio dolores facere
    facilis illum impedit maiores, nam quam quas vero! Consectetur delectus deleniti distinctio.</p>
<p>Accusantium adipisci, aliquid aspernatur delectus deleniti dolores eius eligendi error excepturi exercitationem
    facilis fuga illo illum ipsam iure, laboriosam natus necessitatibus nihil optio quam quod repellat repellendus
    tempora tenetur voluptatem.</p>
<p>Ab ad asperiores corporis cumque cupiditate dolorem ea, earum enim eos ex facere harum impedit ipsa itaque magni
    minus nam nesciunt non optio placeat quas qui similique unde vero voluptatum!</p>
<p>Ab illo iure ut? Ab ad alias amet beatae blanditiis deserunt esse fugiat hic ipsa iste itaque labore maiores minima
    necessitatibus numquam officiis quae quis quisquam suscipit tempore voluptas, voluptates.</p>
<p>Accusantium at cupiditate dolor ipsum laborum odio repellat reprehenderit veniam voluptates voluptatibus? Aliquid,
    aut beatae eius eligendi exercitationem ipsum laboriosam magnam maiores necessitatibus, obcaecati omnis qui repellat
    reprehenderit repudiandae voluptatem.</p>
<p>Accusamus adipisci atque commodi consectetur corporis cum dignissimos distinctio dolorem, eligendi esse excepturi id
    iure magnam minima mollitia natus nihil perspiciatis possimus quaerat qui quidem quis, reiciendis rem sed
    tenetur?</p>
<p>Ab amet architecto aspernatur autem cumque dicta dolore doloremque dolores earum expedita laudantium libero minus
    molestias natus perferendis quae quam quod, recusandae repudiandae rerum sed, sequi sit suscipit temporibus
    unde.</p>
<p>Eius est ipsum, magnam magni nihil porro quae reiciendis. Assumenda ipsa laborum nihil tempora voluptatibus.
    Accusamus, aliquid distinctio eos explicabo fuga iste labore maxime molestias quaerat quasi, ut veniam,
    veritatis!</p>
<p>Deserunt eius in laborum libero repellat rerum sit soluta. Accusantium adipisci alias, consequuntur dolor dolore
    ducimus esse excepturi expedita, fuga harum hic id in minus necessitatibus quidem quod voluptatibus voluptatum?</p>
<p>Architecto blanditiis deleniti dignissimos dolorem ducimus ex expedita facere harum iure, magni necessitatibus nihil
    nostrum officiis perspiciatis quos repudiandae soluta ut veniam vitae voluptas! Maxime molestias non qui quod
    voluptatibus!</p>
<p>Architecto enim eum laboriosam quaerat qui voluptates. A ad at dolore dolores eum impedit molestiae nam nemo nihil,
    officia optio porro quibusdam quidem quo recusandae sapiente, temporibus vel voluptate voluptates.</p>
<a href="#">回到顶部</a>
</body>


</html>